<template>
  <div class="main">
    <div class="outDiv">
      <div class="header" v-show="!hideHeader">
        <span @click="backToPrv">
          <i class="imgIcon"></i>
        </span>
        <span class="title">升学在线</span>
      </div>
      <div class="isVipArea">
        <div class="blockArea">
          <div class="image">
            <span></span>
          </div>
          <div class="describe">同学你好！你已激活升学卡 </div>
        </div>
        <div class="footerIntro">*此服务由升学在线APP提供  客服热线：027-88161985</div>
      </div>
    </div>
  </div>  
</template>

<script>
import { backAppOrWx } from "~/common/common";
export default {
  data() {
    return {
      hideHeader: false
    }
  },
  mounted() {
    if (this.$route.query.isJustIn == 'true') {
      this.hideHeader = true
    }
  },
  methods: {
    backToPrv() {
      backAppOrWx()
    },
  }


}
</script>

<style lang="less" scoped>
  .outDiv {
    width: 100%;
    background: #fff;
    height: 100vh;
    position: relative;
    .header {
      width: 100%;
      height: 0.88rem;
      line-height: 0.88rem;
      padding: 0 0.32rem;
      background: transparent;
      text-align: center;
      z-index: 100;

      .imgIcon {
        float: left;
        margin-top: 0.24rem;
        width: 0.4rem;
        height: 0.4rem;
        display:block;
        background: url('~@/static/sprite/icon_sprites_40.png') -0.1rem -0.1rem;
        background-size:3rem 2.4rem; 
      }

      .title {
        color: #222;
        font-size: 0.36rem;
        font-weight: bold;
        text-align: center;
        height: 0.88rem;
      }
    }
    .isVipArea {
      padding: 0.32rem;
      width: 100%;
      .blockArea {
        width: 100%;
        height: 4.57rem;
        box-shadow: 0 0.06rem 0.24rem 0 rgba(204,204,204,0.3);
        border-radius: 0.3rem;
        padding-top: 0.68rem;
        text-align: center;
        .image {
          margin-bottom: 0.4rem;
          span {
            display: inline-block;
            width: 1.88rem;
            height: 1.88rem;
            background: url("~@/static/sprite/other_sprites.png") 0rem 0;
		        background-size: 4.68rem 4.08rem;
          }
        }
        .describe {
          color: #222;
          font-size: 0.3rem;
          line-height: 0.42rem;
          font-weight: bold;
        }
      }
    }
    .footerIntro {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0.48rem;
      text-align: center;
      color: #C7C7C7;
      font-size: 0.24rem;
      line-height: 0.33rem;

    }
  }
</style>